* {
  padding: 0;
  margin: 0;
}

input, textarea, button {
  border: 0;
  outline: none;
}

ul, li {
  list-style: none;
}

body {
  font-size: 14px;
}

main {
  width: 1000px;
  margin: 10px auto;
  background: #F4F4F4;
}

.post {
  padding: 10px;
  border-bottom: 1px solid #ccc;

  .title {
    line-height: 40px;
    font-size: 20px;
  }

  .author {
    height: 24px;
    font-size: 12px;
    color: #999;
  }

  .text {
    line-height: 28px;
  }
}

.reply {
  padding: 10px;
  border-bottom: 1px solid #ccc;

  .title {
    line-height: 40px;
  }

  .user-box {
    height: 24px;
    line-height: 24px;
    margin-bottom: 10px;

    .user {
      height: 24px;
      padding: 0 10px;
      color: #333;
    }
  }

  .editor {
    width: 100%;
    height: 100px;
    line-height: 24px;
    padding: 10px;
    color: rgb(68, 68, 68);
    border: 1px solid rgb(204, 204, 204);
    box-sizing: border-box;
    margin-bottom: 10px;
  }

  .send {
    width: 60px;
    height: 30px;
    background-color: #3782f0;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 10px;
  }
}

.comments {
  padding: 10px;

  .floor {
    line-height: 24px;
    color: #999;
    font-size: 12px;

    .delete {
      float: right;
      color: blue;
      cursor: pointer;
    }
  }

  .author {
    line-height: 24px;
    color: #999;
    font-size: 12px;

    .name {

    }
  }

  .content {
    line-height: 28px;
    padding: 10px;
    border-bottom: 1px solid #ddd;
  }
}
